
.content {
  margin-top: 30rpx;
  padding: 0 30rpx 30rpx 30rpx;
  background-color: #ffffff;
  box-sizing: border-box;
  .con {
    width: 100%;
    background: #ffffff;
    border-radius: 7rpx;
    border-bottom: 1rpx solid #ebebeb;
    text-align: left;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999999;
    box-sizing: border-box;
    > view {
      display: flex;
      box-sizing: border-box;
      padding: 20rpx 0;
      border-bottom: 1rpx solid #ebebeb;
      > .con-left {
        width: 300rpx;
        height: 180rpx;
        background: #6f6f6f;
        border-radius: 12rpx;
        box-sizing: border-box;
        > image {
          width: 300rpx;
          height: 180rpx;
          background: #6f6f6f;
          border-radius: 12rpx;
        }
      }
      > .con-right {
        width: 358rpx;
        margin-left: 20rpx;
        box-sizing: border-box;
        > view {
          box-sizing: border-box;
          &:nth-child(1) {
            padding-top: 15rpx;
            height: 100rpx;
            font-size: 30rpx;
            color: #333333;

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          &:nth-child(2) {
            white-space: nowrap; /* 不换行 */
            overflow: hidden;
            text-overflow: ellipsis;
            /* 将对象作为弹性伸缩盒子模型显示 */
            display: -webkit-box;
            /* 限制在一个块元素显示的文本的行数 */
            /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
            -webkit-line-clamp: 2;
            /* 设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; /* 超出部分隐藏 */
            text-overflow: ellipsis;
            height: 30rpx;
          }
          &:nth-child(3) {
            // position: relative;
            margin-top: 10rpx;
            > i {
              > image {
                width: 43rpx;
                height: 10rpx;
              }
            }
          }
        }
      }
    }
  }
}